<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>登录</title>
    <style type="text/css">
        #msg {
            display: none;
        }
    </style>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<p><!-- style="background-color:gray;" -->
<p id="msg" th:text="'您好, '+ *{msg} + '!'" /></p>
    <div class="container-fluid" style="background-color:#EEEEEE; height:800px;"><!-- style="background-color:gray;" -->
        <div class="container" style="width:700px;">
          <div class="row">
            <div class="col-md-12" style="background-color:#fff; margin: 20px 0px 20px 0px;border: solid #001 1px;border-radius: 10px; height:750px;padding:20px;">
                <h1 style="text-align:center;color: #5BA9B8">能力规范管理系统登录</h1>
                <br><br>
                <div class="row">
                    <form action="/login" method="POST">
                        <div class="col-md-4">
                            <label for="name">用户名</label>
                            <input type="text" name ="name" class="form-control" id="name" placeholder="您的手机号">
                        </div>

                        <div class="col-md-5">
                            <label for="password">密码</label> 
                            <input type="text" name="password" class="form-control" id="password" placeholder="您的密码">
                        </div>
                        <div class="col-md-1">
                            <input type="submit" value="登录" class="btn btn-primary">
                        </div>
                        <div class="col-md-2">
                            <a class="btn btn-danger" href="create.html" role="button">注册</a>
                        </div> 
                    </form>
                </div>
                <br><br>
                <div style="border:1px solid #CCC"></div>
                <h3>规范列表</h3>

                <ul class="list-group">
                      <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                      <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                      <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                      <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                      <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script>

    $(document).ready(function(){
        msg = $("#msg").text();
        if(msg  != "您好, null!"){
            var r=confirm(msg)
            if (r==true)
            {
                //document.write("You pressed OK!")
            }
            else
            {
                //document.write("You pressed Cancel!")
            }
        }
    });
</script>

</body>
</html>